<template>
  <div>
      <headerCom></headerCom>
      <div class="SListReturn">
          <router-link to=""><span><< 返回结果</span></router-link>
      </div>
      <div class="SListContent">
        <div class="SListContentL">
            <router-view></router-view>
            <Contentcomment></Contentcomment>
        </div>
        <div class="SListContentR">
            <relatedEvents></relatedEvents>
        </div>
      </div>
  </div>
</template>

<script>
import Header from '@/components/header' // 头部组件引入
import Footer from '@/components/footer' // 底部组件引入
import RelatedEvents from '@/components/public/relatedEvent' // 右侧相关事件引入
import Contentcomment from '@/components/public/Contentcomment' // 右侧相关事件引入

export default {
  components: { // 头部,底部组件引入
    'headerCom': Header,
    'footers': Footer,
    'relatedEvents': RelatedEvents,
    'Contentcomment': Contentcomment
  }
}
</script>

<style>
.SListContent {
  width: 1200px;
  margin: 0 auto;
  box-shadow: 0 0 24px 8px rgba(140,153,191,0.20);
  border-radius: 3px;
  overflow: hidden;
}
.SListContentL {
  float: left;
  padding-left: 18px;
}
.SListContentR {
    float: right;
}
.SListReturn {
  width: 1200px;
  margin: 40px auto;
}
.SListReturn a {
  font-size: 12px;
  color: #186175;
  letter-spacing: 0;
  text-decoration: none;
}
</style>
